@charset "utf-8";
body,html{width:100%; min-width:1200px; background-color:#FAFBFC; color:#323232}


.right-Sidebar{ position: fixed; right: 0; top:100px; bottom: 0; padding-bottom: 20px; width:85%;/* min-width: 900px;*/ overflow: hidden;}
.right-Sidebar-con{ padding: 20px; margin-right: -20px; height: 100%; overflow: hidden; overflow-y: scroll; font-size: 14px;}


/* 组织架构   */
.organ-list-top{ text-align: center; padding:0 50px; background-color: #FAFAFA; }
.organ-list > div{ float: left; line-height: 54px; padding: 0 15px; box-sizing: border-box; }
.organ-list > div:nth-child(1){ width: 35%; padding-left: 0; text-align: left; }
.organ-list > div:nth-child(2){ width: 10%; text-align: center; }
.organ-list > div:nth-child(3){ width: 35%; position: relative; border: 1px solid transparent; }
.organ-list > div:nth-child(3) p{  white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }
.organ-list > div:nth-child(4){ width: 20%; text-align: center; }
.organ-list > div:nth-child(4) span{ margin: 0 10px; }
.organ-list > div:nth-child(2) img{ margin: 18px auto; }
.has-one{ padding: 0 30px 50px 50px; }

.has-one li{ position: relative;}


.has-one .first{ display: inline-block; width:25px; }
.has-one .first img{ vertical-align: -4px; }
.has-two{ background-color: #FAFAFA; }
.has-two .has-btn{ border-bottom: 1px solid #eee; }
.has-two .organ-list > div:nth-child(1){ padding-left: 30px; }
.has-three .organ-list > div:nth-child(1){ padding-left:60px; }
.has-four .organ-list > div:nth-child(1){ padding-left:90px; }
.has-five .organ-list > div:nth-child(1){ padding-left:120px; }
/* 气泡 
.div{
	position: relative;
	position: absolute;
	right:0;
	bottom: -20px;
	width: 200px;
	height: 100px;
	background-color: #fff;
	border-radius: 7px; 
	-moz-box-shadow:0px 2px 10px rgba(204,204,204,0.5); 
	-webkit-box-shadow:0px 2px 10px rgba(204,204,204,0.5); 
	box-shadow:0px 2px 10px rgba(204,204,204,0.5);
	z-index: 9;
}
.div::before{
	content: '';
	width: 0;
	height: 0;
	border: 20px solid;
	position: absolute;
	top: 20px;
	left: 140px;
	border-color:  transparent transparent #ff0;
}
.div::after{
	content: '';
	width: 0;
	height: 0;
	border: 20px solid;
	position: absolute;
	top:24px;
	left: 140px;
	border-color:  transparent transparent #fff;
}
.help-tip{ text-align: center;background-color:#CBCECF;border-radius: 50%;width: 15px;height: 15px;font-size: 13px;font-weight:bold;line-height: 15px;cursor: default;}
.help-tip:hover > ul{ display:block; transform-origin: 100% 0%; -webkit-animation: fadeIn 0.3s ease-in-out; animation: fadeIn 0.3s ease-in-out;}
.help-tip > ul{ display: none; z-index:1;font-weight:normal;text-align: left; background-color:rgba(0,0,0,0.8);padding: 15px;
width: 300px;position: absolute;left:25px;top:-10px;border-radius: 5px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);right: -4px;color: #FFF;}
.help-tip > ul > span:first-child{position: absolute;right:300px;top:12px;width:0;height: 0;border:6px solid transparent;border-right-color:rgba(0,0,0,0.8);}
.help-tip > ul > span:last-child{width:100%;height:40px;position: absolute;top:-40px;left:0;}
.help-tip > ul > h1{border-bottom:1px dotted #fff;}
.help-tip > ul > li{line-height: 20px;font-size:12px;}
.help-tip > ul > li > em{display:block;color:#2696ED;line-height:35px}
@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}
@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}



/* 账号管理  */
.account-form label{ padding-right: 5px; }
.account-form p:nth-child(2) input{ width: 200px; }
.table-con th{ padding:20px; text-align: center; background-color: #FAFAFA; }
.table-con td{ font-size:14px; border-top:1px solid #F5F5F9; padding:15px 10px; }
.account-btn span{ margin: 0 10px; }
